* { margin: 0; padding: 0; }
html { overflow-x: hidden; }
body { color: #333; font: 14px/200% 'microsoft yahei',Tahoma,Arial,Verdana,"宋体b8b\4f53"; }
body, ul, li, p, h1, h2, h3, h4, h5, table, td, th, img { margin: 0; padding: 0; }
input, textarea { -webkit-border-radius: 0; }
    input[type="text"], input[type="password"], textarea { -webkit-appearance: none; }
    input:focus { outline: none; }
::-webkit-input-placeholder { color: #ccc; }
ul, li { list-style-type: none; }
img { border: 0; vertical-align: middle; }
a:link { color: #333; text-decoration: none; }
a:visited { color: #333; text-decoration: none; }
a:hover { color: #ff7400; text-decoration: none; }
a.grey:link { color: #999; }
a.grey:visited { color: #999; }
a.grey:hover { color: #ff7400; }
a.red:link { color: #fe7200; }
a.red:visited { color: #fe7200; }
a.red:hover { color: #333; }
a.green { color: #309f5d; }
    a.green:hover { color: #333; }
.mgt1 { margin-top: 10px; }
.pdb1 { padding-bottom: 10px; }
.bg_grey { background: #f5f5f5; }
.red { color: #fe7200; }
.blue { color: blue; }
.xgrey { color: #666; }
.gray { color:#999!important}
.c { text-align: center; }
.b { font-weight: bold; }
.font_m { font-size: 12px; }
.font_l { font-size: 14px; }
/********************/
.btn, .btn:visited, .btn:link { background: #1da845; margin-left: 5px; padding: 1px 8px; border: 1px solid #1da845; text-decoration: none; height: 21px; line-height: 20px; color: #fff; _margin-top: 6px; border-radius: 3px; }
    .btn:hover { background: #178034; color: #fff; border: 1px solid #178034; }
.btn_b, .btn_b:visited, .btn_b:link { border: 1px solid #1da845; background: #fff; color: #20b349; }
    .btn_b:hover { background: #fff; color: #ff7400; border-color: #ff7400; }
ul.list li { position: relative; padding-left: 12px;box-sizing:border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    ul.list li:after { content: ""; background: #ccc; width: 4px; height: 4px; border-radius: 4px; display: block; position: absolute; left: 0; top: 50%;margin-top:-2px }
.more { display: inline-block; width: 20px; height: 20px; vertical-align: middle; background: url(/images/gd.png) no-repeat center center; }

.top { width: 100%; height: 35px; line-height: 35px; background: #F7F7F7; border-bottom: 1px solid #eee; }
.topsmg { height: 30px; line-height: 30px; background-color: #1da845; text-align: center; color: Red; font-size: 14px; }
.top_login { width: 1190px; margin: 0px auto; padding-left: 10px; text-align: left; overflow: visible; *overflow: hidden; }
    
    .top_login form { margin: 0; padding: 0; float: left; }
    * + html .top_login form { margin-top: -2px; }
    .top_login a { display: inline-block; }
    .top_login input { margin-top: 4px; border: 1px solid #ccc; height: 20px; padding: 0 2px; }
    .top_login #phone { margin-top: 5px; }
    .top_login .mg1 { background: url(/images/sy.png) no-repeat -404px 0px; padding-left: 14px; }
    .top_login .mobile { background: url(/images/sy.png) no-repeat -288px 0px; padding-left: 16px; color: #fe7200; }
.login_l { float: left; padding-left: 10px; width: 500px; overflow: hidden; }
.login_c { float: right; width: 100px; }
.login_r { float: right; width: 380px; overflow: hidden; }

.area_span { position: relative; padding-left: 11px; cursor: pointer; z-index: 99; float: left; }
    .area_span span { }
    .area_span .area_div { display: none; position: absolute; left: 0; top: 1px; width: 120px; padding: 2px; }
        .area_span .area_div ul { background-color: White; border: 1px solid #20b349; width: 160px; z-index: 9; padding: 0; margin: 0; position: absolute; top: 32px; _top: 24px; left: 0; }
            .area_span .area_div ul li { float: left; width: 80px; height: 30px; }
                .area_span .area_div ul li a { display: block; line-height: 30px; text-decoration: none; text-align: center; }
                    .area_span .area_div ul li a:hover { background-color: #20b349; color: White; }
        .area_span .area_div span { position: absolute; top: 0; _top: -1px; left: 0; background-color: White; z-index: 99; padding: 0 10px; height: 32px; line-height: 30px; border: 1px solid #20b349; border-bottom: 0; }
    .area_span:hover .area_div { display: block; }
.login_r .txt_input { width: 75px; *vertical-align: middle; }

.box { margin: 0 auto; padding-top: 15px; width: 1200px; box-sizing:border-box;}
    .box:after, .clearfix:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; }
.logo_box { float: left; width: 230px; padding: 5px 0; }
    .logo_box img { vertical-align: top; }
    .logo_box span { background-color: #f4f5f7; display: block; color: #666; text-align: center; margin: 5px; padding: 0 5px; height: 20px; line-height: 20px; border-radius: 10px; }
    .logo_box h1 { display: inline; }
.search_box { float: left; width: 680px; margin-left: 40px; margin-top: 20px; text-align: left; }
    .search_box .search_type { border-right: 1px solid #e5e5e5; width: 70px; height: 36px; position: absolute; overflow: hidden; background: #fff; top: 2px; left: 2px; z-index: 99; }
    .search_box .search_type_show { overflow: visible; }
    .search_box .search_type ul { width: 70px; background-color: #fff; background-color: #fafafa; border: 1px solid #e5e5e5; margin-top: -1px; margin-left: -1px; }
        .search_box .search_type ul li { width: 70px; height: 36px; line-height: 36px; text-align: left; text-indent: 17px; cursor: pointer; display: inline-block; font-size: 14px; }
    .search_box .search_type i { position: absolute; top: 16px; left: 53px; display: block; width: 8px; height: 4px; background: url(/images/down.png) no-repeat; transition: transform 0.4s ease-out; }
    .search_box .search_type_show i { transform: rotate(180deg); }
    .search_box .form_box { float: left; width: 680px; height: 40px; position: relative; }
        .search_box .form_box #search_key { float: left; border: 2px solid #e5e5e5; border-right: 0; height: 36px; line-height: 38px; padding: 0 10px 0 80px; font-size: 14px; width: 380px; position: relative; top: 0; }
            .search_box .form_box #search_key:focus { border-color: #FF9600; }
                .search_box .form_box #search_key:focus .search_type { border-color: #FF9600; }
    .search_box #s_sub_news { float: left; width: 90px; height: 40px; line-height: 40px; border: 0; background: #eee; margin-left: 15px; font-size: 16px; color: #333; }
    .search_box #s_sub { float: left; background: #FF9600; color: #fff; width: 90px; height: 40px; line-height: 40px; border: 0; position: relative; top: 0; font-size: 16px; }
    .search_box .hotword { float: left; margin-top: 5px; width: 560px; background: url(/images/sy.png) -330px -233px; padding-left: 50px; color: #ddd; }
        .search_box .hotword a:link { color: #999; margin: 0 4px; }
        .search_box .hotword a:visited { color: #999; margin: 0 4px; }
        .search_box .hotword a:hover { color: #ff7400; margin: 0 4px; }
    .search_box .imgsearch { display: block; _display: none; *display: none; cursor: pointer; height: 20px; width: 30px; position: absolute; top: 10px; left: 436px; background: url(../images/sy.png?20180101) no-repeat 6px -554px; }
        .search_box .imgsearch:hover { background-position-x: -24px; }
    .search_box #imgSearchFile { display: none; }
.t_rlist { float: right; width: 200px; overflow: hidden; }
    .t_rlist li { float: left; width: 190px; overflow: hidden; }
.t_list { margin: 0 auto; width: 1190px; max-height: 25px; line-height: 25px; border-top: 3px solid #fff; background: #f4f5f7; overflow: hidden; }
    .t_list li { float: left; padding: 0 5px; }

#nav { background: #20b349; font-family: Microsoft Yahei; font-size: 18px; height: 40px; line-height: 40px; letter-spacing: 1px; color: #fff; overflow: hidden;border-radius:3px; }
    #nav .nav_l { width: 1020px; float: left; height: 40px; text-align: center; overflow: hidden; }
        #nav .nav_l a { color: #fff; padding: 0 22px; }
            #nav .nav_l a:hover { color: #fff; }
    #nav .nav_r { float: left; width: 180px; height: 40px; text-align: center; }
        #nav .nav_r a { width: 132px; margin: 4px 0; height: 32px; background: url(/images/sy.png) -107px -123px; display: inline-block; }
            #nav .nav_r a:hover { background: url(/images/sy.png) -280px -123px; }
.nav_list { padding: 10px; border-bottom: 2px solid #20b349; background: #f4f5f7; }
    .nav_list .tb { }
        .nav_list .tb td { border: 0; padding: 1px 5px; }
        .nav_list .tb .sw { width: 35px; background: url(/images/sy.png) right top no-repeat; }
        .nav_list .tb .zx { width: 35px; background: url(/images/sy.png) right -64px no-repeat; }
        .nav_list .tb .fw { width: 35px; background: url(/images/sy.png) right -124px no-repeat; }
        .nav_list .tb .jl { width: 35px; background: url(/images/sy.png) right -196px no-repeat; }
.tb { border-collapse: collapse; border-spacing: 0; border: 0; width: 100%; }
/*******广告********/
#gg_1190x80 { width: 1190px; overflow: hidden; }
    #gg_1190x80 img { width: 1190px; height: 80px; }
.d_480x70 { width: 480px; height: 70px; overflow: hidden; }
    .d_480x70 img { width: 480px; height: 70px; }
.d_190x60 { }
    .d_190x60 li { float: left; height: 60px; margin: 5px 5px 0 5px; text-align: center; }
        .d_190x60 li img { }

.g_160x50 li { float: left; height: 50px; margin: 5px; _margin: 4px; text-align: center; overflow: hidden; }
    .g_160x50 li img { width: 160px; height: 50px; }
.g_145x45 { width: 100%; overflow: hidden;margin-bottom:10px; }
    .g_145x45 li { float: left; width: 150px; margin-top: 5px; overflow: hidden; }
        .g_145x45 li img { width: 145px; height: 45px; }
/*******广告********/
.cont_a_l { float: left; width: 372px; margin-right: 25px; overflow: hidden; }
.cont_a_c { float: left; width: 505px; overflow: hidden; }
.cont_a_r { float: right; width: 273px; }
.title_a { margin-bottom: 8px; letter-spacing: 1px;border-bottom:1px solid #eee }
    .title_a h2 {display:inline-block; height: 46px; font: normal 22px/46px 'microsoft yahei'; padding: 0; margin: 0;margin-bottom:-2px; border-bottom:3px solid #20b349}
.zxgg { width: 378px; float: left; margin-right: 25px; overflow: hidden; }
    .zxgg li { width: 370px; padding-bottom: 1px; overflow: hidden; }
.yjzz { width: 100%; height: 46px; background: url(/images/sy.png) left -178px; line-height: 150%; overflow: hidden; }
    .yjzz .yjzz_l { float: left; padding-top: 5px; width: 99px; overflow: hidden; text-align: center; font-weight: bold; }
    .yjzz .yjzz_r { float: left; width: 258px; padding: 5px 10px; overflow: hidden; text-align: center; font-weight: bold; text-align: left; font-weight: normal; }
        .yjzz .yjzz_r li { overflow: hidden; height: 20px; }
            .yjzz .yjzz_r li a { color: #666; }
                .yjzz .yjzz_r li a:hover { color: #ff7400; }
/*********今日头条**********/
.topnews { height: 100px; background: url(/images/jrtt.png) no-repeat 20px center; padding: 18px 0 18px 100px;border-bottom:4px solid #20b349;margin-bottom:10px; }
    .topnews h1, .topnews h2, .topnews h3 { font-size:20px;margin-bottom:6px;}
    .topnews p { font-size:16px;height:30px;overflow:hidden;}
        .topnews p a { color: #999; }
        .jrtt { width: 100%; overflow: hidden; text-align: left; }
.jrtt_tit { width: 100px; height: 36px; background: url(/images/sy.png) -614px -126px; }
    .jrtt_tit a { display: block; width: 100%; height: 100%; }
.jrtt h2 { width: 100%; height: 30px; padding-top: 10px; font-size: 16px; text-align: center; font-family: microsoft yahei; overflow: hidden; }
/*********采购**********/
#qgxxx {height:336px;overflow:hidden; }
.qgxx { position: relative; margin-top: 20px; }
     .title_b { width: 100%; height: 46px;margin-bottom: 10px; position:relative;border-bottom:1px solid #eee }
.title_b .title_b_l {  }
.title_b .title_b_r {position:absolute;right:0; top:10px; padding:0 8px;  }
.tabbtn { }
    .tabbtn li {display:inline-block; position: relative; height: 45px; padding: 0 10px; line-height: 42px; font-size: 22px; font-family: microsoft yahei; overflow: hidden; }
    * + html .tabbtn li { height: 34px; }
        .tabbtn li a { display: block; float: left; overflow: hidden; text-align: center; cursor: pointer; color: #666; }
        .tabbtn li.current { border-bottom: solid 3px #1fb348; background: #fff; line-height: 47px;  }
            .tabbtn li.current a { color: #000; font-size: 22px; }

.userbox { height: 245px; width: 100%; background: url(/images/bg_slzc.png) no-repeat right 0; }
.userbox_l { float: left; width: 260px; height:100%; border: 1px solid #eee;border-right:0; box-sizing: border-box; padding:20px 12px; }
    .userbox_l .btn {padding:2px 15px;margin-right:10px; }
    .userbox_l p {margin-bottom:5px;font-size:12px; }
    .userbox_l img { width: 60px; height: 60px; border-radius: 60px; object-fit:cover; float: left; margin-right: 12px; }
    .userbox_l .links { text-align: center; border-top: 1px solid #eee;margin-top:20px; padding-top:20px;}
        .userbox_l .links a {display:inline-block;width:60px;height:70px; margin:10px 8px; text-align:center;font-size:12px; }
            .userbox_l .links a:before { content: ''; display:block;margin:0 auto; width: 46px; height: 46px; border-radius: 23px; background-color: #DBF7E3; background-repeat: no-repeat; background-position: center center; }
            .userbox_l .links a.link1:before { background-image: url(/images/fbqg.png) }
            .userbox_l .links a.link2:before { background-image: url(/images/fbcg.png) }
            .userbox_l .links a.link3:before { background-image: url(/images/fbbj.png) }
.userbox_r { float: right; width: 110px;height:100%; display: flex; align-items: center; justify-items: center; }
    .userbox_r div {width:100%; }
    .userbox_r a { font-weight: bold; display: block;text-align:center;padding:10px 0;position:relative; }
        .userbox_r a:first-child::after, .userbox_r a:nth-child(2)::after { content: ''; display: inline-block; position: absolute; bottom: 0; left: 50%; margin-left: -10px; width: 20px; height: 1px; background-color: #20b349 }

        #qgxxx li {position:relative; }
    #qgxxx li span { color:#999;position:absolute; top:0;right:0;}
.gccg { width: 100%; margin-top: 18px; }
    .gccg ul {height:112px;overflow:hidden; }
    .gccg li { width: 100%; overflow: hidden; position: relative; }
    .gccg li span { color: #999; padding-left: 3px; position: absolute; top: 3px; right: 0; }
    .gccg li a.bj_btn { width: 55px; height: 20px; display: inline-block; background: url(/images/sy.png) -915px -192px; float: right; }
    .gccg li .jc { padding-left: 28px; background: url(/images/sy.png) -127px -234px; }
    .gccg li .dd { padding-left: 28px; background: url(/images/sy.png) -242px -234px; }
/*********最新报价**********/
.zxbj { width: 100%; overflow: hidden; }
.zxbj_tit { width: 100%;position:relative;  }
.zxbj_tit_l { float: left;}
.zxbj_search { position:absolute;right:0;top:0;  height: 100%; display:flex;align-items:center; }
    .zxbj_search .text { height: 26px; width: 100px; padding: 0 5px; border: 1px solid #ccc; background: url(/images/ssbj.png) no-repeat center right;background-position-x:90px }
    .zxbj_search .btn { height: 28px; line-height: 26px;margin-right:10px;vertical-align:bottom; }
    .zxbj_search a.zbj_btn { float: left; width: 57px; height: 20px; margin: 0 10px 0 5px; display: inline-block; background: url(/images/sy.png) -994px -192px; }
    .zxbj_search a { color: #999; }
.bj_tb tr td {padding:0 3px;  }
/*********热点专题**********/
.rzkh_2 { font-size: 12px; }
    .rdzt .pic_box { height: 180px; position: relative; overflow: hidden; margin-bottom: 12px;}
        .rdzt .pic_box img { width: 273px; height: 180px; }
        .rdzt .pic_box p { height: 25px; line-height: 25px; width: 100%; background: url(/images/black.png); position: absolute; bottom: 0; left: 0; text-align: center; overflow: hidden; }
            .rdzt .pic_box p a { color: #fff; }
    .rdzt li { width: 100%; height: 26px; overflow: hidden; }
/*********入住客户**********/
.rzkh { background: #f5f5f5; text-align: center; margin-top: 10px; }
.rzkh_1 { width: 100%; padding: 15px 0 10px 0; border-bottom: 1px solid #fff; line-height: 30px; margin-bottom: 3px; font-weight: bold; overflow: hidden; }
.rzkh_11111 { font-family: microsoft yahei; font-size: 18px; }
.rzkh_3 { float: left; width: 273px; margin-top: 3px; background: url(/images/sy.png) -487px top; height: 69px; font-size: 12px; }
    .rzkh_3 li { float: left; width: 25%; }
        .rzkh_3 li a { display: block; padding-top: 42px; }


/*************地区分站 供应 招聘 新优************/
.cont_c_l { float: left; width: 902px; overflow: hidden; }
.cont_c_r { float: right; width: 273px; overflow: hidden; }
.diqu_fl { float: left; width: 100%; margin-bottom: 10px; overflow: hidden; }
    .diqu_fl .fl { float: left; width: 100%; overflow: hidden; font-weight: bold; color: #ff7300; }
        .diqu_fl .fl a { color: #ff7300; }
            .diqu_fl .fl a:hover { color: #333; }
    .diqu_fl li { float: left; width: 33%;  overflow: hidden; }

.mmgy, .zcgy, .zhaopin, .xinyou { padding-bottom: 10px; overflow: hidden; }
    .mmgy li, .zcgy li { overflow: hidden; }
        .mmgy li span, .zcgy li span { color: #ff7300; }
    .zhaopin li { float: left; width: 240px; padding: 5px 0 5px 10px; }
    .xinyou li { float: left; width: 150px;  margin:10px 10px 0 10px; text-align: center; }
        .xinyou li img { width: 150px; height: 150px; }

/*************工程 设计 景观 园艺 古建************/
.gc { float: left; width: 237px; overflow: hidden; }
.sj, .jg, .yy, .gj { float: left; width: 230px; padding-left: 7px; border-left: 1px dotted #ccc; overflow: hidden; }
    .gc li, .sj li, .jg li, .yy li, .gj li { float: left; width: 100%; overflow: hidden; }

.title_d { height: 35px; line-height: 35px; padding-left: 10px; margin-bottom: 10px; border-bottom: 2px solid #20b349; overflow: hidden; font-family: microsoft yahei; letter-spacing: 1px; font-size: 20px; }
    .title_d span { background: url(/images/sy.png) left -310px; padding-left: 15px; }

.scrm_li_ab { margin: 0 auto; width: 18px; height: 18px; line-height: 18px; text-align: center; border: 1px solid #ddd; background: #eee; }

.enddiv { float: left; width: 1190px; background: url(/images/hdbg2.png) no-repeat; margin: 5px 0; overflow: hidden; }
    .enddiv a { float: left; display: block; width: 161px; height: 50px; margin-right: 9px; }

.zhanhui { position: relative; text-align: center; padding-bottom: 5px; font-size:12px;}
    .zhanhui .div1 { float: left; width: 360px; height: 122px; margin: 1px 0; overflow: hidden; position: relative; background: #eee; }
        .zhanhui .div1 img { width: 360px; height: 122px; }
    .zhanhui .div2 { float: left; width: 205px; height: 60px; margin: 1px 0 1px 5px; overflow: hidden; position: relative; background: #eee; }
        .zhanhui .div2 img { width: 205px; height: 60px; }
    .zhanhui .div3 { float: left; width: 415px; height: 60px; margin: 1px 0 1px 5px; overflow: hidden; position: relative; background: #eee; }
        .zhanhui .div3 img { width: 415px; height: 60px; }

.gxlb { padding-bottom: 15px; display: none; }
    .gxlb li { float: left; overflow: hidden; height: 30px; line-height: 30px; text-align: center; }
.gxlb_li1 { width: 110px; background: #20b349; color: #fff; }
.gxlb_li2 { width: 80px; margin-left: 10px; background: #eee; }

.di_bd { border-top: 1px solid #777; text-align: center; position: relative; color: #666; }
    .di_bd a { color: #666; }
    .di_bd img, .di_bd iframe { vertical-align: middle; }
    .di_bd .links { }
        .di_bd .links a { margin: 0 10px; }
    .di_bd div { padding: 3px 0; }
    .di_bd .wx_ewm { position: absolute; left: 70px; top: 10px; }
        .di_bd .wx_ewm img, .di_bd .sjb_ewm img { width: 110px; }
    .di_bd .sjb_ewm { position: absolute; right: 70px; top: 10px; }
.about { }
    .about a { margin: 0 12px; }
.xinyong { float: left; overflow: hidden; padding-right: 10px; margin-left: 80px; padding-top: 10px; }
.xuke { float: left; overflow: hidden; padding-top: 5px; }
.ppaa { float: right; overflow: hidden; padding-top: 10px; margin-right: 80px; }
.backtop { display: none; cursor: pointer; width: 18px; height: 18px; padding: 10px; position: fixed; bottom: 10px; right: 10px; background-color: #C9C9C9; }
    .backtop i { display: block; width: 18px; height: 18px; background: url(/images/icon.png) no-repeat -50px 2px; }
    .backtop:hover { background-color: #ff7300; }
* html .backtop { position: absolute; right: 10px; top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-10)); }
.a_weixin { position: relative; }
    .a_weixin:hover .img_weixin { display: initial; z-index: 999; }
.img_weixin { position: absolute; bottom: 20px; left: -50%; width: 180px; display: none; }

.right_nav { position: fixed; width: 90px; top: 50px; left: 50%; margin-left: 610px; border: 1px solid #20b349; border-left: 0; }
    .right_nav ul { position: relative; }
    .right_nav li { border-bottom: 0px solid #eee; width: 90px; padding-bottom: 1px; }
        .right_nav li:last-child { padding: 0; }
        .right_nav li > a { display: block; color: #fff; font: 14px/35px 'microsoft yahei'; height: 35px; background-color: #20b349; text-align: center; z-index: 9; }
* html .right_nav { position: absolute; top: expression(eval(document.documentElement.scrollTop+60)); }
    .right_nav .returntop { padding-top: 17px; background: #20b349 url(/images/sy.png) no-repeat 36px -440px; cursor: pointer; }
        .right_nav .returntop:hover { background-color: #20b349; color: #fff; }
    .right_nav .c { position: absolute; top: -1px; right: 89px; width: 560px; min-height: 346px; padding: 15px 15px 15px 240px; border: 1px solid #20b349; background-color: #f7f7f7; display: none; text-align: left; }
    .right_nav li.hover { }
        .right_nav li.hover .c { display: block; z-index: 99; }
        .right_nav li.hover > a { background-color: #f7f7f7; color: #20b349; z-index: 999; border-color: #20b349; position: relative; }
    .right_nav .c dt dl { padding: 10px 0; }
    .right_nav .c dt { border-bottom: 1px solid #eee; font: bold 14px/20px 'microsoft yahei'; }
    .right_nav .c dd { padding: 10px 0; }
        .right_nav .c dd a { padding: 0 10px 0 0; display: inline-block; }
        .right_nav .c dd::after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; }
    .right_nav .g { position: absolute; top: 15px; left: 15px; width: 200px; }
        .right_nav .g img { width: 200px; margin: 12px 0; }
    .right_nav .icon a { position: relative; padding-top: 25px; }
        .right_nav .icon a::before { content: ''; position: absolute; top: 3px; left: 50%; height: 30px; width: 30px; margin-left: -15px; background: url(/images/sy.png) no-repeat; }
    .right_nav .phone a::before { background-position: -136px -421px }
    .right_nav .app a::before { background-position: -136px -483px }
    .right_nav .phone.hover a::before { background-position: -136px -390px }
    .right_nav .app.hover a::before { background-position: -136px -453px }
    .right_nav .icon { position: relative; }
        .right_nav .icon div { display: none; position: absolute; right: 89px; top: -2px; background: #f7f7f7; min-width: 200px; min-height: 62px; border: 1px solid #20b349; }
        .right_nav .icon.hover div { display: initial; }
    .right_nav .phone div { font-size: 22px; font-weight: bold; line-height: 62px; text-align: center; }

.msgwindow, .msg_selllist { position: fixed; _position: absolute; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; }
    .msgwindow .bg, .msg_selllist .bg, .msgwindowStatic .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background: #000; opacity: 0.5; filter: alpha(opacity=50); z-index: 998; }
    .msgwindow .ct, .msgwindowStatic .ct { width: 400px; height: 150px; background: #fff; position: absolute; z-index: 999; left: 50%; top: 50%; margin-left: -200px; margin-top: -80px; border-radius: 5px; }
        .msgwindow .ct h2 { padding: 0 10px; font: normal 16px/38px 'Microsoft YaHei'; background-color: #F7F7F7; border-radius: 5px 5px 0 0; }
        .msgwindow .ct .msg { padding: 15px 10px 0 15px; font-size: 14px; line-height: 1.6; }
        .msgwindow .ct .yes { position: absolute; bottom: 10px; right: 10px; font-size: 14px; padding: 6px 20px; }
        .msgwindow .ct .close, .msg_selllist .ct .close, .msgwindowStatic .close { display: inline-block; cursor: pointer; width: 10px; height: 10px; color: #ccc; line-height: 10px; font-size: 20px; position: absolute; top: 12px; right: 10px; font-family: Tahoma; text-decoration: none; }
            .msgwindow .ct .close:hover, .msg_selllist .ct .close:hover, .msgwindowStatic .close:hover { color: #e0e0e0; }
        .msgwindowStatic .ct .msg { padding: 0; text-align: center; line-height: 150px; font-size: 14px; }

.guide { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; display: none; }
    .guide .bg { width: 100%; height: 100%; opacity: 0.7; filter: alpha(opacity=70); background-color: #000; }
    .guide .step { background: url(/images/guide.png) no-repeat; width: 1280px; position: absolute; top: 0; left: 50%; margin-left: -640px; }
        .guide .step .close { display: block; width: 50px; height: 50px; position: absolute; cursor: pointer; }
        .guide .step .next { display: block; width: 120px; height: 50px; position: absolute; cursor: pointer; }
    .guide .step1 { background-position: 0 0; height: 550px; }
    .guide .step2 { background-position: 0 -725px; height: 300px; }
    .guide .step3 { background-position: 0 -1045px; height: 500px; }
    .guide .step4 { background-position: 0 -1577px; top: 290px; height: 500px; }
    .guide .step5 { background-position: 0 -2190px; height: 500px; }
    .guide .step6 { background-position: 0 -2730px; height: 600px; }
    .guide .step1 .close { left: 865px; top: 110px; }
    .guide .step1 .next { left: 775px; top: 450px; width: 150px; height: 60px; }
    .guide .step2 .close { left: 1050px; top: 40px; }
    .guide .step2 .next { left: 750px; top: 220px; }
    .guide .step3 .close { left: 835px; top: 260px; }
    .guide .step3 .next { left: 660px; top: 370px; }
    .guide .step4 .close { left: 1050px; top: 240px; }
    .guide .step4 .next { left: 750px; top: 380px; }
    .guide .step5 .close { left: 650px; top: 50px; }
    .guide .step5 .next { left: 590px; top: 290px; }
    .guide .step6 .close { left: 1160px; top: 250px; }
    .guide .step6 .next { left: 1100px; top: 500px; }

.ginfo { position: relative; display: inline-block; }
    .ginfo div { opacity: 0.7; background-color: #000; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }
    .ginfo p { position: absolute; z-index: 9; color: #fff; font-size: 12px; font-weight: bold; font-family: Arial; left: 0; top: 50%; padding: 0; margin: 0; width: 100%; height: 16px; overflow: hidden; line-height: 15px; margin-top: -8px; text-align: center; }
    .ginfo:hover p { top: 0; margin-top: 0; height: 100%; }
.ginfo_yellow div { background-color: #ff7300; opacity: 0.8; }
.ginfo_red div { background-color: red; opacity: 0.8; }

.box_reg { background-color: #f7f7f7; }
    .box_reg .context { width: 700px; margin: 20px auto; }
        .box_reg .context .c { padding: 5px 0; }
        .box_reg .context hr { border: 0; border-bottom: 1px solid #eee; margin: 20px 0; }

.footer { background: #273229;color:#fff;padding:35px 0; margin-top:50px; }
    .footer a { color: #ccc }
    .footer .left { float: left; width: 230px; text-align: center; }
        .footer .left img {width:150px;height:150px; }
        .footer .left p { margin-bottom: 10px; }
            .footer .right { float: left; width: 970px; }
                .footer .right .links {position:relative;padding-left:90px; margin-bottom:20px; }
                .footer .right .links .title{position:absolute;top:0;left:0;font-size:18px; }
                    .footer .right .links a { margin:0 10px; }
                .footer .right hr { height: 1px; border: 0; background-color: #666; margin: 25px 0; }
                .footer .right .flinks { color: #ccc; margin: 10px 0; }
                    .footer .right .flinks a {margin:0 15px; }
                        .footer .right .flinks a:first-child {margin-left:0; }
                .footer .right .text, .footer .right .text a { color: #888 }

.btmsg {position:fixed;bottom:0;left:0;width:100%;height:300px; }
    .btmsg div { width: 1200px; height: 300px; margin: 0 auto; background: url(/images/btapp.png) no-repeat center bottom; background-size:145%; position: relative; }
    .btmsg::after {content:'';position:absolute; left:0;bottom:0;right:0;height:200px;background-color:#000;opacity:0.7; z-index:-1;}
    .btmsg a {font-size:40px;color:#fff;position:absolute;bottom:160px; right:0;cursor:pointer; }